const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  // 解决内外穿透报错 invalid host header
  devServer: {
    disableHostCheck: true,
  },
  lintOnSave: true,
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-plugin-px2rem')({
            rootValue: 37.5, // 新版本的是这个值（37.5表示设置稿是 375px iPhone6标准）
            mediaQuery: false, //（布尔值）允许在媒体查询中转换px。
            minPixelValue: 3, //设置要替换的最小像素值(3px会被转rem)。 默认 0
            selectorBlackList: ['ignore'], //要忽略并保留为px的选择器，写多个麻烦，写唯一一个类名，然后谁忽略就加上这个类名，貌似没效果
            exclude: [/TabBar/, /TabBarItem/, /MainTabBar/], //这个设置了也没效果，找原因
          }),
        ],
      },
    },
  },

  chainWebpack: (config) => {
    config.resolve.alias
      .set('assets', resolve('src/assets'))
      .set('components', resolve('src/components'))
      .set('views', resolve('src/views'))
      .set('network', resolve('src/network'))
  },

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, './src/assets/css/common.less')],
    },
  },
}
